<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>“智慧南京”全市环保运行数据可视化平台</title>
		<script type="text/javascript">
			function CONTENT_URL(_name) {
				return '/huanbao/' + _name;
			}

			function SCRIPT_URL(_name) {
				return '/huanbao/Scripts/' + _name + "?_=" + (Math.random() * 10000);
			}

			function ACTION_URL(actionName, controllerName) {
				var _actionUrl = '/huanbao/ControllerName/ActionName';
				return _actionUrl.replace("ActionName", actionName).replace("ControllerName", controllerName);
			}
		</script>
		<script src="/huanbao/Scripts/jquery.js"></script>
		<script src="/huanbao/Scripts/jquery.tuhui.js"></script>

		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&amp;ak=TpteRSwjGC8xD60ec9GcYExGceCOT2me"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&amp;ak=TpteRSwjGC8xD60ec9GcYExGceCOT2me&amp;services=&amp;t=20161219171637"></script>

		<link href="/huanbao/Tmap3/tmap.css" rel="stylesheet" />
		<link href="/huanbao/Tmap3/MarkerCluster.css" rel="stylesheet" />
		<link href="/huanbao/Tmap3/tmap.th.css" rel="stylesheet" />
		<script src="/huanbao/Tmap3/jQuery.print.js"></script>
		<script src="/huanbao/Tmap3/tmap-src.js"></script>
		<script src="/huanbao/Tmap3/markercluster-src.js"></script>
		<script src="/huanbao/Tmap3/plotter.js"></script>
		<script src="/huanbao/Tmap3/l.ellipse.js"></script>
		<link href="/huanbao/Tmap3/tmap.extend_mark.css" rel="stylesheet" />
		<script src="/huanbao/Tmap3/tmap.extend.js"></script>
		<script src="/huanbao/Tmap3/heatmap.js"></script>
		<script src="/huanbao/Tmap3/tmap.js"></script>
		<script src="/huanbao/Tmap3/heatmap-leaflet.js"></script>

		<script src="/huanbao/Scripts/tmap3.demo.js"></script>

		<!--导入图表JS-->
		<link href="/huanbao/Content/huanbao/css/style.css" rel="stylesheet" />
		<link href="/huanbao/Content/huanbao/css/huanbao.css" rel="stylesheet" />
		<script type="text/javascript" src="/huanbao/Scripts/HighCharts/HighCharts/highcharts.js"></script>
		<script type="text/javascript" src="/huanbao/Scripts/HighCharts/HighCharts/highcharts-3d.js"></script>
		<script type="text/javascript" src="/huanbao/Scripts/HighCharts/HighCharts/gray.js"></script>
		<script type="text/javascript" src="/huanbao/Scripts/data.js"></script>
		<script src="/huanbao/Scripts/echarts/echarts.min.js" type="text/javascript"></script>
		<script src="/huanbao/Scripts/huanbao/huanbao.js" type="text/javascript"></script>
		<script>
			function CONTENT_URL(_name) {
				return '/huanbao/' + _name;
			}

			var $url = {
				Code_CreateMap: '/huanbao/Code/Code_CreateMap'
			}
		</script>
		<script>
			function switchArea(tag) {
				$(".mark").css("display", "none");
				document.getElementById("mark_" + tag).style.display = "block";
				if(tag == 1) {
					var str = "六<div style='padding:5px 0px;color:#fff;'>合</div>区";
					$("#areaName").html(str);

					//获取今日天气
					GetTodayAir(2022);
				} else if(tag == 2) {
					var str = "江<div style='padding:5px 0px;color:#fff;'>宁</div>区";
					$("#areaName").html(str);

					//获取今日天气
					GetTodayAir(2016);
				} else if(tag == 3) {
					var str = "溧<div style='padding:5px 0px;color:#fff;'>水</div>区";
					$("#areaName").html(str);

					//获取今日天气
					GetTodayAir(2024);
				} else if(tag == 4) {
					var str = "高<div style='padding:5px 0px;color:#fff;'>淳</div>区";
					$("#areaName").html(str);

					//获取今日天气
					GetTodayAir(2013);
				} else if(tag == 5) {
					var str = "浦<div style='padding:5px 0px;color:#fff;'>口</div>区";
					$("#areaName").html(str);

					//获取今日天气
					GetTodayAir(2010);
				} else if(tag == 0) {
					var str = "南<div style='padding:5px 0px;color:#fff;'>京</div>市";
					$("#areaName").html(str);

					//获取今日天气
					GetTodayAir(2000);
				}
			}
		</script>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes" />

	</head>

	<body>
		<!-------左1---------->
		<div class="lfbox001 fleft">
			<!--今日-->
			<div class="todaynum fleft">
				<p class="tynum_title"><span class="airp">今日空气</span></p>
				<div class="tyum_bg">
					<div class="air_time" id="nowdate"></div>
					<div class="air_left">
						<div id="areaName" class="name_box">
							南
							<div style="padding: 5px 0px; color: #fff;">京</div>市
						</div>
						<table style="font-size: 20px;">
							<tr>
								<td id="airDescript" style="font-size: 40px; color: #ecd406; padding: 20px 0px 14px 40px;"></td>
							</tr>
							<tr>
								<td class="air_left_td1" style="color: #31e313;">AQI指数</td>
							</tr>
							<tr>
								<td id="aqiIndex" class="air_left_td2" style="color: #31e313;"></td>
							</tr>
							<tr>
								<td class="air_left_td1" style="color: #0ac4e0;">首要污染物</td>
							</tr>
							<tr>
								<td id="mainPollution" class="air_left_td2" style="color: #0ac4e0;"></td>
							</tr>
							<tr>
								<td class="air_left_td1" style="color: #de5d0c;">浓度</td>
							</tr>
							<tr>
								<td class="air_left_td2"><span id="nongdu" style="color: #de5d0c;"></span><span style="font-size: 16px; color: #de5d0c;">微克/立方米</span></td>
							</tr>
						</table>
					</div>
					<div class="air_right">
						<div style="position: absolute; top: 116px; left: 314px; width: 50px; height: 50px; background: yellow; opacity: 0;" onclick="switchArea(1)"></div>
						<img id="mark_1" class="mark" style="position: absolute; top: 126px; left: 328px; display: none;" src="/huanbao/Content/huanbao/images/red_valute.png" />

						<div style="position: absolute; top: 226px; left: 314px; width: 50px; height: 50px; background: yellow; opacity: 0;" onclick="switchArea(2)"></div>
						<img id="mark_2" class="mark" style="position: absolute; top: 236px; left: 328px; display: none;" src="/huanbao/Content/huanbao/images/red_valute.png" />

						<div style="position: absolute; top: 284px; left: 350px; width: 50px; height: 50px; background: yellow; opacity: 0;" onclick="switchArea(3)"></div>
						<img id="mark_3" class="mark" style="position: absolute; top: 294px; left: 362px; display: none;" src="/huanbao/Content/huanbao/images/red_valute.png" />

						<div style="position: absolute; top: 344px; left: 340px; width: 60px; height: 35px; background: yellow; opacity: 0;" onclick="switchArea(4)"></div>
						<img id="mark_4" class="mark" style="position: absolute; top: 350px; left: 352px; display: none;" src="/huanbao/Content/huanbao/images/red_valute.png" />

						<div style="position: absolute; top: 190px; left: 260px; width: 50px; height: 40px; background: yellow; opacity: 0;" onclick="switchArea(5)"></div>
						<img id="mark_5" class="mark" style="position: absolute; top: 200px; left: 270px; display: none;" src="/huanbao/Content/huanbao/images/red_valute.png" />

						<div style="position: absolute; top: 200px; left: 310px; width: 30px; height: 30px; background: yellow; opacity: 0;" onclick="switchArea(0)"></div>
						<img id="mark_0" class="mark" style="position: absolute; top: 200px; left: 315px; display: none;" src="/huanbao/Content/huanbao/images/red_valute.png" />

						<img src="/huanbao/Content/huanbao/images/nj.png" />
					</div>
					<div class="air_bottom">
						<table style="width: 100%; padding: 30px 20px 0px 20px;">
							<tr>
								<td id="aqi_forecast3" class="air_bottom_td1"></td>
								<td id="aqi_forecast2" class="air_bottom_td1"></td>
								<td id="aqi_forecast1" class="air_bottom_td1"></td>
							</tr>
							<tr>
								<td id="forecast3" class="air_bottom_img"></td>
								<td id="forecast2" class="air_bottom_img"></td>
								<td id="forecast1" class="air_bottom_img"></td>
							</tr>
							<tr>
								<td id="day_forecast3" class="air_bottom_td2"></td>
								<td id="day_forecast2" class="air_bottom_td2"></td>
								<td id="day_forecast1" class="air_bottom_td2"></td>
							</tr>
						</table>
					</div>
				</div>
			</div>
			<!--/今日-->
			<!--数据参数-->
			<div class="shuju_list fright">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="tc" width="14%">
							<p>
								<img src="/huanbao/Content/huanbao/images/icon001.png" />
							</p>
							<p><b class="title_you">空气</b></p>
						</td>
						<td class="tc" width="17%">
							<p class="Cgary">监测点总数</p>
							<p class="Cblue"><b class="Cyellow">13</b>个</p>
						</td>
						<td class="tc" width="17%">
							<p class="Cgary">辐射源存放点</p>
							<p class="Cblue"><b class="Cyellow">184</b>个</p>
						</td>
						<td class="tc" width="17%">
							<p class="Cgary">污染企业监测点</p>
							<p class="Cblue"><b class="Cyellow">128</b>个</p>
						</td>
						<td class="tc" width="17%">
							<p class="Cgary">尾气监测点</p>
							<p class="Cblue"><b class="Cyellow">16</b>个</p>
						</td>
						<td class="tc">
							<p class="title_you">本年度空气质量</p>
							<p>
								<div class="chart_pie" id="chart_air"></div>
							</p>
						</td>
					</tr>
					<tr>
						<td colspan="6" style="height: 11px; line-height: 11px;">&nbsp;</td>
					</tr>
					<tr>
						<td class="tc" width="14%">
							<p>
								<img src="/huanbao/Content/huanbao/images/icon002.png" />
							</p>
							<p><b class="title_you">水质</b></p>
						</td>
						<td class="tc" width="17%">
							<p class="Cgary">监测点总数</p>
							<p class="Cblue"><b class="Cyellow">113</b>个</p>
						</td>
						<td class="tc" width="17%">
							<p class="Cgary">达标</p>
							<p class="Cblue"><b class="Cyellow">66</b>个</p>
						</td>
						<td class="tc" width="17%">
							<p class="Cgary">未达标</p>
							<p class="Cblue"><b class="Cyellow">47</b>个</p>
						</td>
						<td class="tc" width="17%">
							<p class="Cgary">水厂</p>
							<p class="Cblue"><b class="Cyellow">3</b>个</p>
						</td>
						<td class="tc">
							<p class="title_you">水质达标</p>
							<p>
								<div class="chart_pie" id="chart_water"></div>
							</p>
						</td>
					</tr>
					<tr>
						<td colspan="6" style="height: 11px; line-height: 11px;">&nbsp;</td>
					</tr>
					<tr>
						<td class="tc" width="14%">
							<p>
								<img src="/huanbao/Content/huanbao/images/icon003.png" />
							</p>
							<p><b class="title_you">噪声</b></p>
						</td>
						<td class="tc" width="17%">
							<p class="Cgary">交通噪声均值</p>
							<p class="Cblue"><b class="Cyellow">67.8</b>dB</p>
						</td>
						<td class="tc" width="17%">
							<p class="Cgary">环境噪声均值</p>
							<p class="Cblue"><b class="Cyellow">67.9</b>dB</p>
						</td>
						<td class="tc" width="17%">
							<p class="Cgary">交通噪声监测点</p>
							<p class="Cblue"><b class="Cyellow">247</b>个</p>
						</td>
						<td class="tc" width="17%">
							<p class="Cgary">区域噪声监测点</p>
							<p class="Cblue"><b class="Cyellow">539</b>个</p>
						</td>
						<td class="tc">
							<p class="title_you">噪声源构成</p>
							<p>
								<div class="chart_pie" id="chart_noise"></div>
							</p>
						</td>
					</tr>
					<tr>
						<td colspan="6" style="height: 11px; line-height: 11px;">&nbsp;</td>
					</tr>
					<tr>
						<td class="tc" width="14%">
							<p>
								<img src="/huanbao/Content/huanbao/images/icon004.png" />
							</p>
							<p><b class="title_you">排污企业</b></p>
						</td>
						<td class="tc" width="17%">
							<p class="Cgary">监测企业总数</p>
							<p class="Cblue"><b class="Cyellow">128</b>个</p>
						</td>
						<td class="tc" width="17%">
							<p class="Cgary">排污许可企业</p>
							<p class="Cblue"><b class="Cyellow">87</b>个</p>
						</td>
						<td class="tc" width="17%">
							<p class="Cgary">全市排污总量</p>
							<p class="Cblue"><b class="Cyellow">2587</b>千吨</p>
						</td>
						<td class="tc" width="17%">
							<p class="Cgary">超标排污</p>
							<p class="Cblue"><b class="Cyellow">547</b>千吨</p>
						</td>
						<td class="tc">
							<p class="title_you">排污情况</p>
							<p>
								<div class="chart_pie" id="chart_pollute"></div>
							</p>
						</td>
					</tr>
				</table>
			</div>
			<!--/数据参数-->
			<div class="myclear"></div>

			<!--左边统计-->
			<div class="jiance_movie">
				<p class="jian_mtitle"><span>空气监测</span></p>
				<div class="fleft lfarea">
					<ul>
						<li>
							<a class="onclic_area">全 城</a>
						</li>
						<li>
							<a>秦淮区</a>
						</li>
						<li>
							<a>鼓楼区</a>
						</li>
						<li>
							<a>玄武区</a>
						</li>
						<li>
							<a>建邺区</a>
						</li>
						<li>
							<a>雨花区</a>
						</li>
						<li>
							<a>江宁区</a>
						</li>
						<li>
							<a>浦口区</a>
						</li>
						<li>
							<a>栖霞区</a>
						</li>
						<li>
							<a>六合区</a>
						</li>
						<li>
							<a>溧水区</a>
						</li>
						<li>
							<a>高淳区</a>
						</li>
					</ul>
				</div>
				<div class="fright citywhere">
					<div>

						<table class="airMonitor_table">
							<tr>
								<td>
									<div style="width: 20px; height: 10px; background: #cd0567;"></div>
								</td>
								<td style="padding-right: 20px;">O3</td>
								<td>
									<div style="width: 20px; height: 10px; background: #197db8;"></div>
								</td>
								<td style="padding-right: 20px;">AQI</td>
								<td>
									<div style="width: 20px; height: 10px; background: #1caec5;"></div>
								</td>
								<td>PM2.5</td>
							</tr>
						</table>
					</div>
					<div style="width: 100%; height: 280px;" id="airMonitor"></div>
				</div>
				<div class="myclear"></div>
			</div>
			<!--/左边统计-->
		</div>
		<!-------/左1---------->
		<!-------中1---------->
		<div class="cenbox002 fleft">
			<h4>“智慧南京”全市环保运行数据可视化平台</h4>
			<style type="text/css">
				.tmap-map-pane,.tmap-control-container{
					display: none;
				}
			</style>
			<div id="map">
				<iframe src="TrueScreen/screen_link.html" width="100%" height="100%"></iframe>
				<!--<div class="on_off_box">
					<div class="button_on_off">
						<img src="/huanbao/Content/huanbao/images/main_60.png" style="margin-top: 10px; left: 5px; float: left;"></img>
						<span id="kongqi_b" class="hb_condition_on" on_flag="1" style="margin-top: 15px; margin-left: 10px;"></span>

						<img src="/huanbao/Content/huanbao/images/main_72.png" style="margin-top: 10px; left: 140px; float: left; position: absolute;"></img>
						<span id="shuizhi_b" class="hb_condition_on" on_flag="1" style="margin-top: 15px; margin-left: 140px;"></span>

						<img src="/huanbao/Content/huanbao/images/main_63.png" style="margin-top: 10px; left: 270px; float: left; position: absolute;"></img>
						<span class="hb_condition_off" on_flag="0" style="margin-top: 15px; right: 20px;"></span>

						<img src="/huanbao/Content/huanbao/images/main_77.png" style="margin-top: 46px; left: 10px; float: left; position: absolute;"></img>
						<span id="weiqi_b" class="hb_condition_on" on_flag="1" style="margin-top: 53px; margin-left: 10px;"></span>

						<img src="/huanbao/Content/huanbao/images/main_88.png" style="margin-top: 46px; left: 140px; float: left; position: absolute;"></img>
						<span id="qiye_b" class="hb_condition_on" on_flag="1" style="margin-top: 53px; margin-left: 140px;"></span>

						<img src="/huanbao/Content/huanbao/images/main_66.png" style="margin-top: 46px; left: 270px; float: left; position: absolute;"></img>
						<span class="hb_condition_off" on_flag="0" style="margin-top: 53px; right: 20px;"></span>

					</div>
				</div>-->
			</div>
		</div>
		<!-------/中1---------->
		<!-------右1---------->
		<div class="rightbox003 fright">
			<p class="right_tit"><span class="zhuanti_now"><img src="/huanbao/Content/huanbao/images/subject_01.png" />综合统计</span><span><img src="/huanbao/Content/huanbao/images/subject_02.png" />空气专题</span><span><img src="/huanbao/Content/huanbao/images/subject_03.png" />水质专题</span><span><img src="/huanbao/Content/huanbao/images/subject_04.png" />噪音专题</span></p>

			<div class="abox" id="zonghe">
				<div class="fleft">
					<h5>
                    <img src="/huanbao/Content/huanbao/images/icon005.png" />月工业污染(11月)</h5>
					<table width="99%" border="0" cellspacing="0" cellpadding="0" class="a_table">
						<tr>
							<th rowspan="2" scope="col">企业名称</th>
							<th colspan="2" scope="col">二氧化硫(吨)</th>
							<th colspan="2" scope="col">氮氧化物(吨)</th>
						</tr>
						<tr>
							<th align="center">排放量</th>
							<th align="center">超标量</th>
							<th align="center">排放量</th>
							<th align="center">超标量</th>
						</tr>

						<tr>
							<td align="center"><b id="gy_name_1"></b></td>
							<td align="center" id="so2_pfl_1"></td>
							<td align="center" id="so2_cb_pfl_1"></td>
							<td align="center" id="no_pfl_1"></td>
							<td align="center" id="no_cb_pfl_1"></td>
						</tr>
						<tr>
							<td align="center"><b id="gy_name_2"></b></td>
							<td align="center" id="so2_pfl_2"></td>
							<td align="center" id="so2_cb_pfl_2"></td>
							<td align="center" id="no_pfl_2"></td>
							<td align="center" id="no_cb_pfl_2"></td>
						</tr>
						<tr>
							<td align="center"><b id="gy_name_3"></b></td>
							<td align="center" id="so2_pfl_3"></td>
							<td align="center" id="so2_cb_pfl_3"></td>
							<td align="center" id="no_pfl_3"></td>
							<td align="center" id="no_cb_pfl_3"></td>
						</tr>
						<tr>
							<td align="center"><b id="gy_name_4"></b></td>
							<td align="center" id="so2_pfl_4"></td>
							<td align="center" id="so2_cb_pfl_4"></td>
							<td align="center" id="no_pfl_4"></td>
							<td align="center" id="no_cb_pfl_4"></td>
						</tr>
						<tr>
							<td align="center"><b id="gy_name_5"></b></td>
							<td align="center" id="so2_pfl_5"></td>
							<td align="center" id="so2_cb_pfl_5"></td>
							<td align="center" id="no_pfl_5"></td>
							<td align="center" id="no_cb_pfl_5"></td>
						</tr>
						<tr>
							<td align="center"><b id="gy_name_6"></b></td>
							<td align="center" id="so2_pfl_6"></td>
							<td align="center" id="so2_cb_pfl_6"></td>
							<td align="center" id="no_pfl_6"></td>
							<td align="center" id="no_cb_pfl_6"></td>
						</tr>
						<tr>
							<td align="center"><b id="gy_name_7"></b></td>
							<td align="center" id="so2_pfl_7"></td>
							<td align="center" id="so2_cb_pfl_7"></td>
							<td align="center" id="no_pfl_7"></td>
							<td align="center" id="no_cb_pfl_7"></td>
						</tr>
						<tr>
							<td align="center"><b id="gy_name_8"></b></td>
							<td align="center" id="so2_pfl_8"></td>
							<td align="center" id="so2_cb_pfl_8"></td>
							<td align="center" id="no_pfl_8"></td>
							<td align="center" id="no_cb_pfl_8"></td>
						</tr>
						<tr>
							<td align="center"><b id="gy_name_9"></b></td>
							<td align="center" id="so2_pfl_9"></td>
							<td align="center" id="so2_cb_pfl_9"></td>
							<td align="center" id="no_pfl_9"></td>
							<td align="center" id="no_cb_pfl_9"></td>
						</tr>
						<tr>
							<td align="center"><b id="gy_name_10"></b></td>
							<td align="center" id="so2_pfl_10"></td>
							<td align="center" id="so2_cb_pfl_10"></td>
							<td align="center" id="no_pfl_10"></td>
							<td align="center" id="no_cb_pfl_10"></td>
						</tr>
					</table>
				</div>
				<div class="fleft">
					<h5>
                    <img src="/huanbao/Content/huanbao/images/icon006.png" />PM2.5浓度</h5>
					<img style="position: absolute; top: 320px; left: 3690px; width: 62px; height: 121px;" src="/huanbao/Content/huanbao/images/2016_pm.png" />
					<div style="width: 100%; height: 380px; padding-top: 4px;">
						<img style="width: 100%; height: 380px;" src="/huanbao/Content/huanbao/images/lines_2.jpg" />
					</div>
					<div style="position: absolute; top: 330px; left: 3707px; font-size: 24px; color: white; display: inline-block; text-shadow: 2px 2px 2px 2px black;">47</div>
					<div class="red_words" style="position: absolute; top: 160px; left: 3290px;"><span id="span_1">-5.13%</span></div>
					<div class="red_words" style="position: absolute; top: 160px; left: 3410px;"><span id="span_2">-26.9%</span></div>
					<div class="red_words" style="position: absolute; top: 160px; left: 3530px;"><span id="span_3">-38.28%</span></div>
				</div>
				<div class="fleft">
					<h5>
                    <img src="/huanbao/Content/huanbao/images/icon007.png" />集中式饮用水源地水质监测</h5>
					<table width="99%" border="0" cellspacing="0" cellpadding="0" class="shuichang">
						<tr>
							<th scope="col">水源地名</th>
							<th scope="col">水厂</th>
							<th scope="col">供水能力</th>
							<th scope="col">评价结果</th>
						</tr>
						<tr style="height: 30%;">
							<td rowspan="3" class="Cbule2">夹江水源地</td>
							<td class="Cbule2">江宁双闸源水厂</td>
							<td class="Cbule2">45万吨/日</td>
							<td rowspan="3" class="Cbule2"><span>达标</span></td>
						</tr>
						<tr style="height: 30%;">
							<td class="Cbule3">北河口水厂</td>
							<td class="Cbule3">120万吨/日</td>
						</tr>
						<tr style="height: 30%;">
							<td class="Cbule2">城南水厂</td>
							<td class="Cbule2">30吨/日</td>
						</tr>
						<tr style="height: 30%;">
							<td class="Cbule3">燕子矶水源地</td>
							<td class="Cbule3">城北水厂</td>
							<td class="Cbule3">25万吨/日</td>
							<td class="Cbule3"><span>达标</span></td>
						</tr>
					</table>

				</div>
				<div class="fleft">
					<h5>
                    <img src="/huanbao/Content/huanbao/images/icon008.png" />空气质量关键指标分析</h5>
					<div>
						<table class="indexAnalysis_table">
							<tr>
								<td>
									<div style="width: 20px; height: 10px; background: #05ff0a;"></div>
								</td>
								<td style="padding-right: 20px;">风速</td>
								<td>
									<div style="width: 20px; height: 10px; background: #f20201;"></div>
								</td>
								<td style="padding-right: 20px;">降水量</td>
								<td>
									<div style="width: 20px; height: 10px; background: #ec9301;"></div>
								</td>
								<td>AQI (0~120)</td>
							</tr>
						</table>
					</div>
					<div style="width: 100%; height: 380px;" id="indexAnalysis"></div>
				</div>
				<div class="myclear"></div>
			</div>

			<div class="abox" id="airSubject" style="display: none;">
				<div class="fleft">
					<h5>
                    <img src="/huanbao/Content/huanbao/images/icon005.png" />月PM2.5排名(<e id="nowMouth"></e>月)</h5>
					<div style="padding-top: 10px;"></div>
					<table width="99%" border="0" cellspacing="0" cellpadding="0" class="b_table">
						<tr>
							<th align="center">排名</th>
							<th align="center">区域</th>
							<th align="center">PM2.5</th>
							<th align="center">排名变化</th>
							<th align="center">环比</th>
							<th align="center">同比</th>
						</tr>
						<tr>
							<td align="center">1</td>
							<td id="aqi_1_name" align="center"></td>
							<td id="aqi_1" align="center"></td>
							<td id="zhiliang_1" align="center"></td>
							<td id="hb_1" align="center"></td>
							<td id="tb1_1" align="center"></td>
						</tr>
						<tr>
							<td align="center">2</td>
							<td id="aqi_2_name" align="center"></td>
							<td id="aqi_2" align="center"></td>
							<td id="zhiliang_2" align="center"></td>
							<td id="hb_2" align="center"></td>
							<td id="tb1_2" align="center"></td>
						</tr>
						<tr>
							<td align="center">3</td>
							<td id="aqi_3_name" align="center"></td>
							<td id="aqi_3" align="center"></td>
							<td id="zhiliang_3" align="center"></td>
							<td id="hb_3" align="center"></td>
							<td id="tb1_3" align="center"></td>
						</tr>
						<tr>
							<td align="center">4</td>
							<td id="aqi_4_name" align="center"></td>
							<td id="aqi_4" align="center"></td>
							<td id="zhiliang_4" align="center"></td>
							<td id="hb_4" align="center"></td>
							<td id="tb1_4" align="center"></td>
						</tr>
						<tr>
							<td align="center">5</td>
							<td id="aqi_5_name" align="center"></td>
							<td id="aqi_5" align="center"></td>
							<td id="zhiliang_5" align="center"></td>
							<td id="hb_5" align="center"></td>
							<td id="tb1_5" align="center"></td>
						</tr>
						<tr>
							<td align="center">6</td>
							<td id="aqi_6_name" align="center"></td>
							<td id="aqi_6" align="center"></td>
							<td id="zhiliang_6" align="center"></td>
							<td id="hb_6" align="center"></td>
							<td id="tb1_6" align="center"></td>
						</tr>
						<tr>
							<td align="center">7</td>
							<td id="aqi_7_name" align="center"></td>
							<td id="aqi_7" align="center"></td>
							<td id="zhiliang_7" align="center"></td>
							<td id="hb_7" align="center"></td>
							<td id="tb1_7" align="center"></td>
						</tr>
						<tr>
							<td align="center">8</td>
							<td id="aqi_8_name" align="center"></td>
							<td id="aqi_8" align="center"></td>
							<td id="zhiliang_8" align="center"></td>
							<td id="hb_8" align="center"></td>
							<td id="tb1_8" align="center"></td>
						</tr>
						<tr>
							<td align="center">9</td>
							<td id="aqi_9_name" align="center"></td>
							<td id="aqi_9" align="center"></td>
							<td id="zhiliang_9" align="center"></td>
							<td id="hb_9" align="center"></td>
							<td id="tb1_9" align="center"></td>
						</tr>
						<tr>
							<td align="center">10</td>
							<td id="aqi_10_name" align="center"></td>
							<td id="aqi_10" align="center"></td>
							<td id="zhiliang_10" align="center"></td>
							<td id="hb_10" align="center"></td>
							<td id="tb1_10" align="center"></td>
						</tr>
						<tr>
							<td align="center">11</td>
							<td id="aqi_11_name" align="center"></td>
							<td id="aqi_11" align="center"></td>
							<td id="zhiliang_11" align="center"></td>
							<td id="hb_11" align="center"></td>
							<td id="tb1_11" align="center"></td>
						</tr>
					</table>
				</div>
				<div class="fleft">
					<h5>
                    <img src="/huanbao/Content/huanbao/images/icon009.png" />空气质量天数比例</h5>
					<div style="padding-top: 10px;">
						<table class="airDays_table">
							<tr>
								<td>
									<div style="width: 20px; height: 10px; background: #57d782;"></div>
								</td>
								<td style="padding-right: 10px;">SO2</td>
								<td>
									<div style="width: 20px; height: 10px; background: #ffb880;"></div>
								</td>
								<td style="padding-right: 10px;">NO2</td>
								<td>
									<div style="width: 20px; height: 10px; background: #ffec93;"></div>
								</td>
								<td style="padding-right: 10px;">PM10</td>
								<td>
									<div style="width: 20px; height: 10px; background: #ffa293;"></div>
								</td>
								<td style="padding-right: 10px;">PM2.5</td>
								<td>
									<div style="width: 20px; height: 10px; background: #d83e26;"></div>
								</td>
								<td style="padding-right: 10px;">CO</td>
								<td>
									<div style="width: 20px; height: 10px; background: #911908;"></div>
								</td>
								<td style="padding-right: 10px;">O3</td>
							</tr>
						</table>
					</div>
					<div id="airDays" style="width: 100%; height: 360px;">
					</div>
				</div>
				<div class="fleft">
					<h5>
                    <img src="/huanbao/Content/huanbao/images/icon010.png" />首要污染物分析</h5>
					<div id="mainPullution" style="width: 100%; height: 340px;">
					</div>
					<div style="width: 100%; color: #fff; font-size: 16px; text-align: center;">2016年</div>
				</div>
				<div class="fleft">
					<h5>
                    <img src="/huanbao/Content/huanbao/images/icon011.png" />空气质量优良率(11月)</h5>
					<div id="airQuality" style="width: 100%; height: 320px;">
					</div>
					<div style="width: 100%; text-align: center;">
						<div style="color: #fff; font-size: 16px;">
							优良天数<span style="padding-left: 10px; font-size: 18px; color: #fb7423;">134天</span>
							<span style="padding-left: 20px;"></span>去年同期<span style="padding-left: 10px; font-size: 18px; color: #0cbd17;">136天</span>
						</div>
						<div style="color: #fff; font-size: 16px; padding-top: 10px;">
							较去年同期<span style="padding-left: 10px; font-size: 18px; color: #fb7423;">降低1.2个百分点</span>
						</div>
					</div>
				</div>
				<div class="myclear"></div>
			</div>

			<div class="abox" id="waterSubject" style="display: none;">
				<div class="fleft">
					<h5>
                    <img src="/huanbao/Content/huanbao/images/shuizhi_03.png" />2016年各区水质达标情况</h5>
					<div style="width: 100%; text-align:center;">
						<img src="/huanbao/Content/huanbao/images/shuizhi_09.png" />
					</div>

				</div>
				<div class="fleft">
					<h5>
                    <img src="/huanbao/Content/huanbao/images/shuizhi_05.png" />长江流域实时水质监测</h5>
					<div id="SZ_infoChart" style="width: 100%; height: 100%;">
					</div>
				</div>
				<div class="fleft">
					<h5>
                    <img src="/huanbao/Content/huanbao/images/shuizhi_17.png" />重点水域水质类别监测</h5>
					<div style="width: 100%; text-align: center;">
						<img src="/huanbao/Content/huanbao/images/shuizhi_28.png" />
					</div>
				</div>
				<div class="fleft">
					<h5>
                    <img src="/huanbao/Content/huanbao/images/shuizhi_20.png" />废水排放监测（<e id="fs_time" style="color: white;"></e>）</h5>
					<div style="width: 100%; text-align: center;">
						<table width="99%" border="0" cellspacing="0" cellpadding="0" class="a_table">
							<tr>
								<th rowspan="2" scope="col">企业名称</th>
								<th colspan="2" scope="col">化学需氧量(吨)</th>
								<th colspan="2" scope="col">氨氮(吨)</th>
								<th rowspan="2" scope="col">是否合格</th>
							</tr>
							<tr>
								<th align="center">排放量</th>
								<th align="center">标准限值</th>
								<th align="center">排放量</th>
								<th align="center">标准限值</th>
							</tr>

							<tr>
								<td align="center"><b id="fs_name_1"></b></td>
								<td width="15%" align="center" id="cod_pfl_1"></td>
								<td width="15%" align="center" id="cod_bzxz_1"></td>
								<td width="15%" align="center" id="nh3n_pfl_1"></td>
								<td width="15%" align="center" id="nh3n_bzxz_1"></td>
								<td width="20%" align="center" id="hg_1"></td>
							</tr>
							<tr>
								<td align="center"><b id="fs_name_2"></b></td>
								<td align="center" id="cod_pfl_2"></td>
								<td align="center" id="cod_bzxz_2"></td>
								<td align="center" id="nh3n_pfl_2"></td>
								<td align="center" id="nh3n_bzxz_2"></td>
								<td align="center" id="hg_2"></td>
							</tr>
							<tr>
								<td align="center" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><b id="fs_name_3"></b></td>
								<td align="center" id="cod_pfl_3"></td>
								<td align="center" id="cod_bzxz_3"></td>
								<td align="center" id="nh3n_pfl_3"></td>
								<td align="center" id="nh3n_bzxz_3"></td>
								<td align="center" id="hg_3"></td>
							</tr>
							<tr>
								<td align="center" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><b id="fs_name_4"></b></td>
								<td align="center" id="cod_pfl_4"></td>
								<td align="center" id="cod_bzxz_4"></td>
								<td align="center" id="nh3n_pfl_4"></td>
								<td align="center" id="nh3n_bzxz_4"></td>
								<td align="center" id="hg_4"></td>
							</tr>
							<tr>
								<td align="center" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><b id="fs_name_5"></b></td>
								<td align="center" id="cod_pfl_5"></td>
								<td align="center" id="cod_bzxz_5"></td>
								<td align="center" id="nh3n_pfl_5"></td>
								<td align="center" id="nh3n_bzxz_5"></td>
								<td align="center" id="hg_5"></td>
							</tr>
							<tr>
								<td align="center" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><b id="fs_name_6"></b></td>
								<td align="center" id="cod_pfl_6"></td>
								<td align="center" id="cod_bzxz_6"></td>
								<td align="center" id="nh3n_pfl_6"></td>
								<td align="center" id="nh3n_bzxz_6"></td>
								<td align="center" id="hg_6"></td>
							</tr>
							<tr>
								<td align="center" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><b id="fs_name_7"></b></td>
								<td align="center" id="cod_pfl_7"></td>
								<td align="center" id="cod_bzxz_7"></td>
								<td align="center" id="nh3n_pfl_7"></td>
								<td align="center" id="nh3n_bzxz_7"></td>
								<td align="center" id="hg_7"></td>
							</tr>
							<tr>
								<td align="center" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><b id="fs_name_8"></b></td>
								<td align="center" id="cod_pfl_8"></td>
								<td align="center" id="cod_bzxz_8"></td>
								<td align="center" id="nh3n_pfl_8"></td>
								<td align="center" id="nh3n_bzxz_8"></td>
								<td align="center" id="hg_8"></td>
							</tr>
							<tr>
								<td align="center" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><b id="fs_name_9"></b></td>
								<td align="center" id="cod_pfl_9"></td>
								<td align="center" id="cod_bzxz_9"></td>
								<td align="center" id="nh3n_pfl_9"></td>
								<td align="center" id="nh3n_bzxz_9"></td>
								<td align="center" id="hg_9"></td>
							</tr>
							<tr>
								<td align="center" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><b id="fs_name_10"></b></td>
								<td align="center" id="cod_pfl_10"></td>
								<td align="center" id="cod_bzxz_10"></td>
								<td align="center" id="nh3n_pfl_10"></td>
								<td align="center" id="nh3n_bzxz_10"></td>
								<td align="center" id="hg_10"></td>
							</tr>
						</table>
					</div>
				</div>
				<div class="myclear"></div>
			</div>

			<div class="abox" id="noiseSubject" style="display: none;">
				<div class="fleft">
					<h5>
                    <img src="/huanbao/Content/huanbao/images/noise_06.png" />2015年交通噪声统计</h5>
					<div style="width: 100%; text-align: center;">
						<img src="/huanbao/Content/huanbao/images/noise_11.png" />
					</div>
				</div>
				<div class="fleft">
					<h5>
                    <img src="/huanbao/Content/huanbao/images/noise_03.png" />2016年市区域环境噪声统计</h5>
					<div style="width: 100%; text-align: center;">
						<img src="/huanbao/Content/huanbao/images/noise_13.png" />
					</div>
				</div>
				<div class="fleft">
					<h5>
                    <img src="/huanbao/Content/huanbao/images/noise_21.png" />交通噪声年度趋势图</h5>
					<div id="trafficnoiseTrend" style="width: 100%; height: 370px; padding-top: 10px;">
					</div>
				</div>
				<div class="fleft">
					<h5>
                    <img src="/huanbao/Content/huanbao/images/noise_18.png" />市区域环境噪声趋势图</h5>
					<div id="environmentnoiseTrend" style="width: 100%; height: 370px; padding-top: 10px;">
					</div>
				</div>
				<div class="myclear"></div>
			</div>
		</div>
		<!-------/右1---------->

		<div class="myclear"></div>
		<div style="width: 3840px; height: 115px; background: #07437B; position: absolute;">
			<div id="objMonthPicTotal_2" style="width: 100%; height: 110px; margin-left: 0px;">
			</div>
		</div>

		<script>
			$(function() {

				//图层开关操作
				$(".button_on_off span").on("click", function(e) {
					var chek_id = this.id;
					if($(this).hasClass("hb_condition_off") && $(this).attr("on_flag") == "0") {
						$(this).removeClass("hb_condition_off");
						$(this).addClass("hb_condition_on");
						$(this).attr("on_flag", "1");

						switch(chek_id) {
							case "kongqi_b":
								$.demo.map.addLayer($.demo.AQI_Layer);
								break;
							case "weiqi_b":
								$.demo.map.addLayer($.demo.WQ_Layer);
								break;
							case "qiye_b":
								$.demo.map.addLayer($.demo.GY_Layer);
								break;
							case "shuizhi_b":
								$.demo.map.addLayer($.demo.Water_Layer);
								break;

							default:
						}

					} else {
						$(this).removeClass("hb_condition_on");
						$(this).addClass("hb_condition_off");
						$(this).attr("on_flag", "0");
						switch(chek_id) {

							case "kongqi_b":
								$.demo.map.removeLayer($.demo.AQI_Layer);
								break;
							case "weiqi_b":
								$.demo.map.removeLayer($.demo.WQ_Layer);
								break;
							case "qiye_b":
								$.demo.map.removeLayer($.demo.GY_Layer);
								break;
							case "shuizhi_b":
								$.demo.map.removeLayer($.demo.Water_Layer);
								break;
							default:
						}

					}
				});

			})
		</script>
	</body>

</html>